<template>
  <div>
   <input type="number" step="100" v-model="count">
   <div>计算属性： {{ showCount }}</div>
   <div>计算属性： {{ ShowNumber.toFixed(0) }}</div>
  </div>
</template>
<script>
import gsap from 'gsap'
export default {
  data () {
    return {
      ShowNumber: 0,
      count: 0
    }
  },
  methods: {},
  computed: {
    showCount () {
      return this.ShowNumber.toFixed(0)
    }
  },
  watch: {
    count (newVal) {
      gsap.to(this, {
        duration: 1,
        ShowNumber: newVal
      })
    }
  }
}
</script>
<style scoped>

/* .why-enter-active {
  animation: backInDown 1s ease;
}
.why-leave-active {
  animation: backInDown 1s ease reverse;
} */
.block {
  display: inline-block;
}
</style>
